<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="iso2.dominio.Articulo" %>
<%@ page import="iso2.dominio.BuscarArticulos" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<html>
	
<HEAD>
<TITLE>
LaHostia.des > Ver Productos de un pedido
</TITLE>
</HEAD>

<script>
var celda_ant;         
celda_ant=""; 
         
function ilumina(celda){ 
	if (celda_ant==""){ 
   celda_ant = celda; 
  } 
  celda_ant.style.backgroundColor="#DDDCDC"; 
  celda.style.backgroundColor="#AFEEEE"; 
  celda_ant = celda; 
}
</script>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<!-- hojaStilos global-->
<link href="Hoja de estilos/HojaEstilos.css" rel="stylesheet" type="text/css"/>

<table width="100%" height="100%" cellspacing=0 cellpadding=0 border=1 ID="Table1">
	<tr>
		<!--parte izquierda-->
		<td width="9%" align="center" valign="top" bgcolor = "#B9B8BA"></td>
			<!--marco izquierda1-->
			<td width="1%" align="center" valign="top" bgcolor = "#4C4850"></td>
				
		<!--parte central-->
		<td width="80%" align="center" valign="top" bgcolor = "#FFFFFF" colspan = "2">
			
			<!--Cabecera principal-->
			<table width="99%" cellspacing=0 cellpadding=0 border=0 ID="Table2">
				<tr>	
					<TD>
						<a style = "cursor: pointer" OnClick = "location.href = 'LaHostia.jsp'"><img src = "images/CabeceraWeb.JPG" width = 100%/></a>
					</TD>
				</tr>
			</table>
			
			<!--Cabecera secundaria-->
			<table width="85%" cellspacing=0 cellpadding=0 border=0 ID="Table2">
				<tr align="center">	
					<TD align="left">
						<a style = "cursor: pointer" OnClick = "location.href = 'LaHostia.jsp'"><img src = "images/logo.bmp"/></a>
					</TD>

					<TD align="right">
						<a style = "cursor: pointer" OnClick = "location.href = 'Ayuda.jsp'"><img src = "images/banner-ayuda.jpg"/></a>
					</TD>
				</tr>
			</table>
			
			<!--ClienteNuevo-->
			<table width="90%" cellspacing=0 cellpadding=0 border=0 ID="Table3">
				<tr align="center" bgcolor = "#C9C6C6">	
					<TD align="right"  class="letra_blanca">
						<a style = "cursor: pointer" OnClick = "location.href = 'LaHostia.jsp'">ATRÁS</a>	
					</TD>
				</tr>
			</table> 
			
			<!--ClienteNuevo-->
			<table width="90%" cellspacing=0 cellpadding=0 border=0 ID="Table3">
				<TR align="left"><TD class="letra_grande">LaHostia.des > Ver productos 
				<% if (request.getParameter("cat") != null) { %> de la categoria <%= request.getParameter("cat") %> 
				<% } %>
				
				</TD></TR>		
			</table>   
	
		<BR><BR>
		<div>	
						<!--ClienteNuevo-->
			<table cellspacing=2 width = 800 cellpadding=2 border=0 ID="Table3">
			<TR align="left" bgcolor = "#494E51"><TD class="letra_blanca">Ver producto</TD>
			<TD class="letra_blanca">Referencia</TD>
			<TD class="letra_blanca">Nombre</TD>
			<TD class="letra_blanca">Precio</TD>
			<TD class="letra_blanca">Cantidad</TD></TR>	

			<% Articulo [] articulos;
			
			if (request.getParameter("cat") == null) articulos = BuscarArticulos.buscarArticulos("");
			else articulos = BuscarArticulos.buscarArticulos(request.getParameter("cat"));
			
			for (int i = 0; i < articulos.length; ++i) {%>
			
			<TR align="left" onMouseOver ="ilumina(this)">
			<TD class="letra_negra" align = center><a href="VerProducto.jsp?ref=<%= articulos[i].getReferencia() %>"><img src = "Images/boton_ver_detalles.png" onclick = "" title="ver producto"></a></TD>
			<TD class="letra_negra"><%= articulos[i].getReferencia() %></TD>
			<TD class="letra_negra"><%= articulos[i].getNombre() %></TD>
			<TD class="letra_roja"><%= articulos[i].getPrecio() %></TD>
			<TD class="letra_negra"><%= articulos[i].getCantidad() %></TD>
			</TR>

			<%}%>

			</table> 
			
		</div>  
		<BR><BR>
		
				
			<!-- 
			<table cellspacing=0 cellpadding=0 border=0 ID="Table3">
						<a style = "cursor: pointer">Continuar comprando</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a style = "cursor: pointer">Anular pedido</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a style = "cursor: pointer">Tramitar pedido</a>
			-->
</table>
			
		</div>  
   
			<BR><BR>
							
				<table width="99%" cellspacing=0 cellpadding=0 border=0 ID="TableFinal">			
							<tr><td colspan="2" align="center"><a href="avisolegal.jsp">Aviso legal</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="protecciondatos.jsp">Protección de datos</a></td></tr>	
		</table>
		
		<!--fin parte central-->			
		</td>
		
			<!--marco derecha1-->
			<td width="1%" align="center" valign="top" bgcolor = "#4C4850"></td>		
		<!--parte derecha-->
		<td width="9%" align="center" valign="top" bgcolor = "#B9B8BA"></td>	
		
	</BODY>			
			

</HTML>